
<template>
  <el-menu
    default-active="2"
      class="left-menu"
      @open="handleOpen"
      @close="handleClose"
      background-color="#545c64"
      text-color="#fff"
      router="true"
      active-text-color="#ffd04b"
  >
    <el-menu-item index="/camera/">
        <img src="">
    </el-menu-item>
    <el-menu-item index="/camera/">
        <i class="el-icon-camera"></i>
        <span>采集比对</span>
    </el-menu-item>
    <el-menu-item index="/dataview/">
      <i class="el-icon-menu"></i>
      <span slot="title">数据统计</span>
    </el-menu-item>
    <el-menu-item index="/datainit/">
      <i class="el-icon-setting"></i>
      <span slot="title">配置管理</span>
    </el-menu-item>

  </el-menu>
</template>
<script>
export default {
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
  },
};
</script>

<style scoped>

    .left-menu{
        height: 100%;
    }
</style>